﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="user-scalable=1">
    <title></title>
    <script src="/Scripts/jquery-1.7.2.min.js"></script>
    <style>
        html, body {
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
            background-color: black;
        }
    </style>
    <script>
        function getQueryString(name) {
            var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
            var r = window.location.search.substr(1).match(reg);
            if (r != null) {
                return unescape(r[2]);
            }
            return null;
        }
        String.prototype.trim = function () {
            return this.replace(/(^\s*)|(\s*$)/g, "");
        }
        String.prototype.ltrim = function () {
            return this.replace(/(^\s*)/g, "");
        }
        String.prototype.rtrim = function () {
            return this.replace(/(\s*$)/g, "");
        }

        window.onload = function () {
            var src = getQueryString("src");
            if (src != null && src.trim != "") {
                $("img.preview").attr("src", decodeURIComponent(src)).width($(window).width()).show();
            }
        };
    </script>
</head>
<body>
    <table style="width:100%;height:100%;text-align:center;">
        <tr>
            <td><img class="preview" src="" style="display:none;" /></td>
        </tr>
    </table>
</body>
</html>